<!DOCTYPE html>
<html>
<head>
<style>
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;font-size: 12;}
p.centerData{font-family:Arial,Helvetica,sans-serif;text-align: center;}
h1.freqStyle {font-family:Arial,Helvetica,sans-serif;text-align: right;}
h3 {font-family:Arial,Helvetica,sans-serif;text-align: center;}
</style>
</head>
<body onload="InitParam()">

<title>ELAD FDMS1 Sampler Server</title>
<body onload="initialize()">


<table border="1" width="350">

<tr>
	<td colspan="4" height="10">
	<h3>ELAD FDM-S1</h3>
	</td>	
</tr>
<tr>
	<td colspan="3" rowspan="2" width="75%">
	<h1 class="freqStyle">
	<span id="txtMainFreq"></span>
	</h1>
	</td>
	<td>
	<button onclick="SendCmd('STEPUP')">FREQ+</button>
	</td>
</tr>
<tr>
	<td>
	<button onclick="SendCmd('STEPDW')">FREQ-</button>
	</td>
</tr>
<tr>
	<td width="25%">
	<p class="centerData">
	<span id="txtMode"></span>
	</p>
	</td>
	<td width="25%">
	<p class="centerData">
	<span id="txtBW"></span>
	</p>
	<td width="25%">
	<p class="centerData">
	<span id="txtStep"></span>
	</p>
	</td>
</tr>
</table>

<script>

function InitParam()
{
	GetParam();	
}

function GetParam()
{	
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			var resp=xmlhttp.responseText;	
			var resp_vector=resp.split(';');				
			document.getElementById("txtMainFreq").innerHTML=resp_vector[0];			
			document.getElementById("txtFreqSet").value=resp_vector[1];			
			document.getElementById("comboMode").value=resp_vector[2];	
			document.getElementById("txtMode").innerHTML=resp_vector[2];		
			document.getElementById("txtBW").innerHTML=resp_vector[3];		
			document.getElementById("txtStep").innerHTML=resp_vector[4];		
		}
	}
	xmlhttp.open("GET","writepipe.php?q=GETPARAM&v1=0&v2=0",true);
	xmlhttp.send();
}

function SendCmd(cmd)
{	
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			var resp=xmlhttp.responseText;	
			var resp_vector=resp.split(';');
			document.getElementById("txtMainFreq").innerHTML=resp_vector[0];			
			document.getElementById("txtFreqSet").value=resp_vector[1];			
			document.getElementById("comboMode").value=resp_vector[2];	
			document.getElementById("txtMode").innerHTML=resp_vector[2];	
			document.getElementById("txtBW").innerHTML=resp_vector[3];	
			document.getElementById("txtStep").innerHTML=resp_vector[4];	
		}
	}
	xmlhttp.open("GET","writepipe.php?q="+cmd+"&v1=0&v2=0",true);
	xmlhttp.send();
}



function GlobalSet()
{	
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			var resp=xmlhttp.responseText;	
			var resp_vector=resp.split(';');
			document.getElementById("txtMainFreq").innerHTML=resp_vector[0];			
			document.getElementById("txtFreqSet").value=resp_vector[1];			
			document.getElementById("comboMode").value=resp_vector[2];	
			document.getElementById("txtMode").innerHTML=resp_vector[2];	
			document.getElementById("txtBW").innerHTML=resp_vector[3];	
			document.getElementById("txtStep").innerHTML=resp_vector[4];	
		}
	}
	var freq=document.getElementById("txtFreqSet").value;
	var mode=document.getElementById("comboMode").value;
	xmlhttp.open("GET","writepipe.php?q=GLOBALSET&v1="+freq+"&v2="+mode,true);
	xmlhttp.send();
}
</script>









<p>
	Set Freq: <span id="txtFreq"></span>
	<input type="text" id="txtFreqSet"/>Hz
</p>
<p>
   Set Mode:
	<select id="comboMode">
	  <option value="CW">CW</option>
	  <option value="CWSHplus">CW SH+</option>
	  <option value="CWSHminus">CW SH-</option>
	  <option value="USB">USB</option>
	  <option value="LSB">LSB</option>
	  <option value="AM">AM</option>
	  <option value="FM">FM</option>
	  <option value="DRM">DRM</option>
	  <option value="WB FM">WB FM</option>
	  <option value="SYNC AM">SYNC AM</option>
	  <option value="DSB">DSB</option>
	  <option value="RTTY">RTTY</option>
	</select>
</p>
<p>
<button onclick="GlobalSet()">SET</button>
</p>

<p>
<button onclick="SendCmd('BWUP')">BW+</button>
<button onclick="SendCmd('BWDW')">BW-</button>
</p>

<p>
<button onclick="SendCmd('FREQSTEPUP')">STEP+</button>
<button onclick="SendCmd('FREQSTEPDW')">STEP-</button>
</p>

<script>
var clockTimerVar=setInterval(function(){clockTimer()},1000);

function clockTimer()
{
   var d=new Date();
	var t_local=d.toLocaleTimeString();
	var t_utc=d.toUTCString();
	document.getElementById("txtLocalTime").innerHTML=t_local;
	document.getElementById("txtUtcTime").innerHTML=t_utc;
}
</script>

Local Time: <span id="txtLocalTime"></span><br>
UTC Time: <span id="txtUtcTime"></span>


</body>
</html>


